<script language="javascript" src="{$smarty.const.BASE_URL}/js/jquery.easing.1.1.js"></script>
<script language="javascript" src="{$smarty.const.BASE_URL}/modules/duanmodule/js/jcarousellite_1.0.1.min.js"></script>
<div class="rswidgetmodule">
    <h1>Bất động sản nổi bật</h1>
    <div class="wapper">
        <ul>
            <li style="padding-bottom: 5px; ">
                <div class="TabHeader">
                    <ul>
                        <li><a class="selected" id="tduannoibat" href="javascript:void(0);" class="current"><span>Dự án đảm bảo</span></a></li>
                        <li><a id="tduanmoi" href="javascript:void(0);"><span>Dự án mới nhất</span></a></li>
                    </ul>
                </div>
                <div class="clear"></div>
                {* Dự án nổi bật*}
                <div class="TabContent" id="duannoibat">
                    <ul>
                        {foreach from=$data_featured item=project}
                        <li>
                            <div class="WapperTopNewDev">
                                <div class="ImgTopNewDev"><a href="{link action=view module=duanmodule id=$project->shortname src=$project->src}"><img src="{$smarty.const.BASE_URL}/phpThumb.php?src={$project->thumbnail_path}&w=70&h=65" width="70" height="65" alt="{$project->name}"></a></div>
                                <div class="DesTopNewDev">
                                    <a href="{link action=view module=duanmodule id=$project->shortname src=$project->src}" class="LinkFooter">{$project->name}</a>&nbsp;-&nbsp;<a href="{link action=view module=duanmodule src=$project->src province=$project->province->short_name ward=$project->ward->shortname}" title="Xem các dự án trong khu vực {$project->location}" class="Normal_555">{$project->location}</a>
                                    <div class="seo_des">{$project->seo_des}</div>
                                </div>
                            <div class="clear"></div>
                            </div>
                        </li>
                        {/foreach}
                    </ul>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
                {* End dự án nổi bật*}
                {* Dự án mới*}
                <div class="TabContent" id="duanmoi" >
                    <ul>
                        {foreach from=$data_new item=project}
                        <li>
                            <div class="WapperTopNewDev">
                                <div class="ImgTopNewDev"><a href="{link action=view module=duanmodule id=$project->shortname src=$project->src}"><img src="{$smarty.const.BASE_URL}/phpThumb.php?src={$project->thumbnail_path}&w=70&h=65" width="70" height="65" alt="{$project->name}"></a></div>
                                <div class="DesTopNewDev">
                                    <a href="{link action=view module=duanmodule id=$project->shortname src=$project->src}" class="LinkFooter"><h4><b>{$project->name}</b></h4></a>
                                    <h4 class="Normal_555">{$project->location}</h4>
                                    <div class="seo_des">{$project->seo_des}</div>
                                </div>
                            <div class="clear"></div>
                            </div>
                        </li>
                        {/foreach}
                    </ul>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
                {* End dự án nổi bật*}
            </li>
        </ul>    
    </div>
    </ul>
</div>
{literal}
<script language="javascript">
    var save_height=0;
    jQuery(document).ready(function(){
        jQuery(".DesTopNewDev").hover(function(){
            jQuery(this).addClass("IconLinkNext");
        }, function(){
            jQuery(this).removeClass("IconLinkNext");
        });
        
        jQuery(".TabContent").jCarouselLite({
                auto: 3000,
                speed: 700,
                vertical: true,
                easing: "elasinout",
                visible: 4
        }).css("display","none").css("position","relative").css("left","0").css("top",0);
        jQuery("#duannoibat").fadeIn();
        jQuery(".TabHeader a").click(function(){
            jQuery(".TabContent").hide();
            jQuery(".TabHeader a").removeClass("selected");
            var id=jQuery(this).attr("id").substr(1);
            jQuery("#"+id).fadeIn();
            jQuery(this).addClass("selected");
        });
    });
</script>
{/literal}